
.ui-shadow,
.ui-btn-up-a,
.ui-btn-hover-a,
.ui-btn-down-a,
.ui-body-b,
.ui-btn-up-b,
.ui-btn-hover-b,
.ui-btn-down-b,
.ui-bar-c,
.ui-body-c,
.ui-btn-up-c,
.ui-btn-hover-c,
.ui-btn-down-c,
.ui-bar-c,
.ui-body-d,
.ui-btn-up-d,
.ui-btn-hover-d,
.ui-btn-down-d,
.ui-bar-d,
.ui-body-e,
.ui-btn-up-e,
.ui-btn-hover-e,
.ui-btn-down-e,
.ui-bar-e,
.ui-overlay-shadow,
.ui-shadow,
.ui-btn-active,
.ui-body-a,
.ui-bar-a {
 text-shadow: none;
 box-shadow: none;
 -webkit-box-shadow: none;
}






.ui-body-c, .ui-overlay-c {
	background: #E9CE88 !important;
	background-image:   -webkit-gradient(linear,left top,left bottom,from(#E9CE88),to(#EEE)) !important;
	background-image:   -webkit-linear-gradient(#E9CE88,#EEE) !important;
	background-image:   -moz-linear-gradient(#E9CE88,#EEE) !important;
	background-image:   -ms-linear-gradient(#E9CE88,#EEE) !important;
	background-image:   -o-linear-gradient(#E9CE88,#EEE) !important;
	background-image:   linear-gradient(#E9CE88,#EEE) !important;
}









#wrap { 
	width: 400px; 
	margin: 0 auto; 
}

/* Put your custom CSS here


      .phoney {
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgb(112,112,112)),color-stop(0.51, rgb(94,94,94)),color-stop(0.52, rgb(57,57,57)));
        background: -moz-linear-gradient(center top,rgb(112,112,112) 0%,rgb(94,94,94) 51%,rgb(57,57,57) 52%);
      } */

      .phoneytext {
        text-shadow: 0 -1px 0 #000;
        color: #fff;
        font-family: Helvetica Neue, Helvetica, arial;
        font-size: 18px;
        line-height: 25px;
        padding: 4px 45px 4px 15px;
        font-weight: bold;
        #background: url(images/arrow.png) 95% 50% no-repeat;
	text-decoration: none;
      }

      .phoneytab {
        text-shadow: 0 -1px 0 #000;
        color: #fff;
        font-family: Helvetica Neue, Helvetica, arial;
        font-size: 18px;
        background: rgb(112,112,112) !important;
      }
    

    #nav_contacto .ui-icon { background:  url(images/contacto.png) 50% 50% no-repeat; width: 30px; height: 24px; margin-left: -13px; }
    #nav_group .ui-icon { background:  url(images/group.png) 50% 50% no-repeat; width: 30px; height: 24px; margin-left: -13px;   }
    #nav_navigation .ui-icon { background:  url(images/navigation.png) 50% 50% no-repeat; width: 30px; height: 24px; margin-left: -13px;  }
    #nav_options .ui-icon { background:  url(images/options.png) 50% 50% no-repeat; width: 30px; height: 24px; margin-left: -13px;  }


textarea{resize: none;	 max-height: 100px;}

html { 
  /* background: url(images/splash.png) no-repeat center center fixed; */ 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



.ui-panel { width: 17em; min-height: 100%; border-width: 0; position: absolute !important; overflow: scroll !important; top: 0; display: block; padding: 0 !important; margin: 0 !important; }

.ui-panel-inner:after { content: '.'; height: 0; font-size: 0; clear: both; visibility: hidden; display: block; }


.ui-grid-b > .ui-block-a.none { width: 1%; }
.ui-grid-b > .ui-block-b.main { width: 71%; }
.ui-grid-b > .ui-block-c.side { width: 27%; }


/*#idConvContent { height: 400px;}*/

#chatBox.toolbar{ position:fixed;bottom:0;padding:5px; margin-bottom:50px; width: 100%!important;


/*

 	background-image:url('images/Tela3.png'); 
	background-color: rgba(189, 163, 124, 0.6);*/

/* 	background-repeat:repeat; */

}

.mylink {
		vertical-align: middle;
}


/*     body { */
/*         margin: 0; */
/*     } */

    #bodycontainer {
        position: absolute;
        width: 100%;
        height: 100%;
    }


#page4 { 
/* > .ui-panel-content-wrap { */
	
/* 	background-image:url('images/Tela3.png'); */
/* 	background-repeat:repeat; */
/* 	background-color: rgba(189, 163, 124, 0.6); */
	
}

#page1 {
/* 	background-color: rgba(189, 163, 124, 0.6); */
}

sub {
  vertical-align: -0.6em;
  font-size: 0.6em;
}

.conversation blockquote {
	text-shadow: 0 0 0 white !important;
    border:3px solid black;
    padding:0.2em 0.5em;
/*     color:black; */
    border-color:rgba(0,0,0,0.3);
    margin:0.5em;

    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    #text-overflow: ellipsis;
    overflow: auto;
    display: inline-table;
}

.conversation blockquote cite { 
	font-weight:bold;
/* 	color:rgba(0,0,0,0.5); */
	opacity: 0.5; 
	padding-right:0.4em
}

/* .conversation .p1 { background:#6cf } */

/* blockquote { */
/* 	    margin-left: 1em; */
/* } */

   .labels {
     color: blue;
     background-color: red;
     font-family: "Lucida Grande", "Arial", sans-serif;
     font-size: 10px;
     font-weight: bold;
     text-align: center;
     width: 40px;     
     border: 2px solid black;
     white-space: nowrap;
   }

   
   .ui-field-contain div.ui-slider-switch {
#width: 14em !important;
}



      #styles, #add-tab {
        float: left;
        margin-top: 10px;
        width: 400px;
        color: black;
      }

      #styles label,
      #add-tab label {
        display: inline-block;
        width: 130px;
        color: black;
      }

/*       .phoney { */
/*         background: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgb(112,112,112)),color-stop(0.51, rgb(94,94,94)),color-stop(0.52, rgb(57,57,57))); */
/*         background: -moz-linear-gradient(center top,rgb(112,112,112) 0%,rgb(94,94,94) 51%,rgb(57,57,57) 52%); */
/*       } */

/*       .phoneytext { */
/*         text-shadow: 0 -1px 0 #000; */
/*         color: #fff; */
/*         font-family: Helvetica Neue, Helvetica, arial; */
/*         font-size: 18px; */
/*         line-height: 25px; */
/*         padding: 4px 45px 4px 15px; */
/*         font-weight: bold; */
/*         background: url(../images/arrow.png) 95% 50% no-repeat; */
/*       } */

/*       .phoneytab { */
/*         text-shadow: 0 -1px 0 #000; */
/*         color: #fff; */
/*         font-family: Helvetica Neue, Helvetica, arial; */
/*         font-size: 18px; */
/*         background: rgb(112,112,112) !important; */
/*       } */
